/* 自定义的页面标签样式 */

/* 文字阴影 */
.textShow{
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3),
    -1px -1px 2px rgba(255, 255, 255, 0.8),
     1px 1px 2px rgba(0, 0, 0, 0.2); 
  }

  .box-shows{
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); 
  }
  /* flex通用布局 */

.flex_start_start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  
  }
  
  .flex_start_center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .flex_start_stretch {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  
  .flex_end_start {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
  
  .flex_end_center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  .flex_end_stretch {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
  }
  
  .flex_center_start {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  
  .flex_center_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .flex_center_stretch {
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  
  .flex_bw_start {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .flex_bw_end {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .flex_bw_stretch {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  
  .flex_bw_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .flex_0 {
    flex-shrink: 0;
    flex-grow: 0;
  }
  
  .flex_1 {
    flex-shrink: 1;
    flex-grow: 1;
  }
  
  .flex_2 {
    flex-shrink: 2;
    flex-grow: 2;
  }
  
  .flex_wrap {
    flex-wrap: wrap;
  }
  
  .flex_column {
    flex-direction: column;
  }
  
  
  /* 文字溢出隐藏 */
  
  .text_over_1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .text_over_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .text_over_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  
  .text_over_4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  
  html, body{
    font-size: 12px;
  }
